// 这个是项目入口文件，改成js文件也是可以的  安装依赖需要强制，因为大屏组件库版本不符合（会导致报错,目前没有办法解决react19）--legacy-peer-deps
// 或者依赖加上 overrides ，但是本质的问题没有解决
"use client";
import '@/utils/flexible';  //这个后续需要再次调整
import React,{ useEffect } from "react";
import { IndexPageStyle, IndexPageContent } from './style';
import NoSSR from "@/components/NoSSR";
import TopPage from "@/pages/topPage";
import LeftPage from "@/pages/leftPage";
import CenterPage from "@/pages/centerPage";
import RightPage from "@/pages/rightPage";
import dynamic from 'next/dynamic';

//不会在服务器端执行，而是在客户端加载并执行
const Flexible = dynamic(() => import('../utils/flexible'), {
  ssr: false
});
export default function Home() {
    useEffect(() => {
        Flexible();
      }, []);
    return (
        <NoSSR>
            {" "}
            <IndexPageStyle>
                <TopPage />
                <IndexPageContent>   
                    {/* 左侧内容 */}
                    <LeftPage />
                    {/* 中间内容 */}
                    <CenterPage className='center-page' />
                    {/* 右侧内容 */}
                    <RightPage />
                </IndexPageContent>
            </IndexPageStyle>
        </NoSSR>
    );
}
